@import './mixins';
@import './variables';
.g-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    height: 100%;
    margin: 0 auto;
}

.g-view-container {
    height: 100%;
    padding-bottom: $tabbar-height;
}

.g-haeder-container {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: $navbar-z-index;
    box-shadow: 0 0 10px 0 hsla(0, 6%, 58%, .6);
}

.g-footer-container {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: $tabbar-z-index;
    box-shadow: 0 0 10px 0 hsla(0, 6%, 58%, .6);
}

.g-backtop-container {
    position: absolute;
    z-index: $tabbar-z-index;
    right: 10px;
    bottom: $tabbar-height +10px;
}